<template>
    <div mb3 text-4>
        <div flex items-center>
            <img w8 h8 border-rounded-2 :src="src" mr2 />
            <div text-5 mr-10>
                <span mr-5>{{ name }}</span>
                <span mr-4>{{ extra }}</span>
                <span text-gray-5 font-700>{{ time }}</span>
            </div>
        </div>
        <slot />
    </div>
</template>
<script lang="ts" setup>
defineProps({
    src: String,
    name: String,
    extra: String,
    time: String,
    rewards: Array,
});
</script>
<style lang="less" scoped>
.tag {
    background: #f5f5f5;
    border-radius: 3px;
    padding: 0 0.2rem;
    margin-right: 0.2rem;
    color: #666;
    font-size: 12px;
    &:last-child {
        margin-right: 0;
    }
}
</style>
